<template>
  <view class="pay">
    <custom-navi :show-home="false">买单收款</custom-navi>
    <view class="pay-code">
		<view class="pay-code-title">
			扫一扫向我付款
		</view>
		<view class="pay-code-img">
			<image :src="receiptCode" mode=""></image>
		</view>
	</view>
  </view>
</template>

<script>
import CONSTS from '@/src/consts';
export default {
	data(){
		return{
			receiptCode:'',
			basic:CONSTS.BASE_URL+'/basic',
		}
	},
	onLoad() {
		const _self = this
		uni.getStorage({
			key: 'receiptCode',
			success: function(res) {
				_self.receiptCode =_self.basic + res.data[0].path
				// console.log(res)
			}
		});
	},
	methods:{
		
	}
}
</script>
<style>
page {
  background-color: #0cd4d3;
}
</style>
<style lang="scss" scoped>
	.pay{
		&-code{
			width:690rpx;
			height:752rpx;
			margin: 0 auto;
			background:rgba(255,255,255,1);
			opacity:1;
			border-radius:20rpx;
			margin-top: 260rpx;
			text-align: center;
			padding:70rpx 120rpx 120rpx 120rpx;
			&-title{
				font-size:48rpx;
				font-family:PingFang SC;
				font-weight:600;
				color:rgba(12,212,211,1);
				opacity:1;
			}
			&-img{
				width: 450rpx;
				height: 450rpx;
				margin-top: 50rpx;
				image{
					width: 100%;
					height: 100%;
				}
			}
		}
	}
</style>